<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<h1 id="head">标题</h1>
		<div id="a1">
			<p class="d1">分行贷款1</p>
			<p class="d1">分行贷款2</p>
			<p class="d1">分行贷款3</p>
		</div>
		<p class="d1">分行贷款4</p>
		<p class="d1">分行贷款5</p>
		<div href="www.baidu.com">1</div>
		<div href="www.http://image.baidu.com/">2</div>
		<div href="http://music.baidu.com/">3</div>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		var head=document.getElementById("head");
		head.style.color="brown";
		$(head).css("background","red");//把dom对象转为jQuery对象
		$(head).css("zIndex","999");
		var $head=$("#head");
		$head.css("font-size","68px");
		$head[0].style.textAlign="center";//把jQuery对象转为dom对象
		$head[0].style.cursor="pointer";
			$(document).ready(function(){
			$(".d1").css("backgroundColor","greenyellow");
			$(".d1:odd").css("font-size", "36px");
			$("#a1 .d1").css("color", "red");
			});
			$(".d1:even").css("font-size", "28px");
			$("[href]").css({
				"color" :"red",
				"cursor": "pointer",
				"text-align":"center",
				"font-size": "72px"
				});
			/*$("[href]").css("cursor", "pointer");
			$("[href]").css("text-align","center");
			$("[href]").css("font-size", "72px");*/
		</script>
	</body>

</html>